<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set value="${pageContext.request.contextPath }" var="path"
	scope="page"></c:set>
<%@ page isELIgnored="false"%>
<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>课程详细</title>
<link rel="shortcut icon" href="http://www.xiangxue8.com/img/head16.ico"
	type="image/x-icon">
<link rel="Bookmark icon" href="http://www.xiangxue8.com/img/head16.ico"
	type="image/x-icon">
<link rel="stylesheet" href="${path}/static/css/base-new.css">
<link rel="stylesheet" href="${path}/static/css/style-new.css">
<link rel="stylesheet" href="${path}/static/css/style.css">
<link rel="stylesheet" href="${path}/static/css/css623.css">
<link type="text/css" href="${path}/static/css/index.css"
	rel="stylesheet" />
<link rel="stylesheet" href="${path}/static/css/style.css">



</head>
<body>
<!--<div id="logo" style="margin-left: 301px;"></div>  -->
	<div id="sidel"></div>
	<div id="sider"></div>
	<div id="frame">
		<div id="outer">
			<div id="header">
				<a href="/index/"><div id="logo"></div></a>
				<div id="contact">
					<c:choose>
						<c:when test="${not empty u}">
							<div>用户: ${u.userName }</div>
						</c:when>
						<c:otherwise>
							<a href="/admin/User/teacherLogin">登录</a>
						</c:otherwise>
					</c:choose>
					<a href="/admin/User/zhuceshow">注册</a> <a href="/admin/User/zhuxiao">注销</a>
				</div>
			</div>
			<div class="clear"></div>
			<div id="navigator">
				<div frag="面板1">
					<div frag="窗口1">
						<div id="wp_nav_w1">
							<ul class="wp_nav"
								data-nav-config="{drop_v: 'down', drop_w: 'right', dir: 'y', opacity_main: '-1', opacity_sub: '-1', dWidth: '0'}">
								<li class="nav-item i1 "><a href="/index/" title="首页"
									target="_self"> <span class="item-name">首页</span></a> <i
									class="mark"></i></li>
								<li class="nav-item i2 "><a href="/admin/declare/ht.do"
									title="精品课程申报"> <span class="item-name">精品课程申报</span></a> <i
									class="mark"></i></li>
								<li class="nav-item i3 "><a
									href="/admin/User/gr.do?userId=${u.userId }"  title="最新通知"
									target="_self"> <span class="item-name">个人信息</span></a> <i
									class="mark"></i></li>
								<li class="nav-item i4 "><a href="/admin/declare/gl.do" title="政策文件"
									target="_self"> <span class="item-name">课程管理</span></a> <i
									class="mark"></i></li>
								<li class="nav-item i5 "><a
									href="/admin/declare/teacherShow.do?userId=${u.userId }"
									title="课程查看" target="_self"> <span class="item-name">课程查看</span></a>
									<i class="mark"></i></li>
								<li class="nav-item i6 "><a href="#" title="工作经验"
									target="_self"> <span class="item-name">工作经验</span></a> <i
									class="mark"></i></li>
								<li class="nav-item i7 "><a href="#" title="表格下载"
									target="_self"> <span class="item-name">表格下载</span></a> <i
									class="mark"></i></li>
								<li class="nav-item i8 "><a href="#" title="相关链接"
									target="_self"> <span class="item-name">相关链接</span></a> <i
									class="mark"></i></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>


		<!-- 所在位置 -->
		<div class="cont_n">
			<div class="details-position fs20 open_bg" id="courseName">1.
				课程导学</div>
		</div>
		<!-- banner -->
		<ul class="banner_2">
			<ul class="cont_n bg_blue" style="display: flex; width: 747px;">
				<div id="player">
					<video width="597" height="560" style="object-fit: fill"
						controls="controls">
						<source src="" type="video/mp4" />
						<source src="" type="video/ogg" />
						<source src="" type="video/webm" />
						<object data="" width="320" height="240">
							<embed src="" width="320" height="240" />
						</object>
					</video>
				</div>
				<!-- <ul class="video-list" style="right: 301px;">
						<video  width="747" height="565.2"  style="object-fit: fill" controls="controls">
						  <source  src="">
						</video>
       			 </div> -->
				<!-- <ul class="video-list" style="right: 310px;"> -->
				<!-- add -->
				<ul class="addList" id="hList">
					<div class="list-title ellipsis bg-dateils">课程导学</div>
					<c:choose>
						<c:when test="${not empty courseViews.getResult()}">
							<%-- <c:forEach items="${courseViews.getResult()}" var="courseViews">
								<ul class="ulList none" style="display: block;">
									<li value="${courseViews.vId }" class="onLi bgblack"
										data-vid="f248aca38114762b52f716f996e311b5_f" data-type="3-6岁"
										data-id="56303ee499bf91651845f637"><a class="aaa"
										href="javascript:;"
										data-src="../../upload/${courseViews.viewRul }">${courseViews.courseView }</a>
									</li>
								</ul>
							</c:forEach> --%>
						<c:forEach items="${courseViews.getResult()}" var="courseViews">
						<ul class="ulList none" style="display: block;"> 
							<li  value="${courseViews.vId }" class="onLi bgblack" data-vid="f248aca38114762b52f716f996e311b5_f" data-type="3-6岁" data-id="56303ee499bf91651845f637">
							<a 	class="aaa"   data-src="${courseViews.vId }">${courseViews.courseView }</a>
							</li> 
						</ul> 
						</c:forEach>
						</c:when>
						<c:otherwise>
						没有结果
						</c:otherwise>
					</c:choose>
				</ul>
				<!-- end -->
			</ul>
		</ul>
	</ul>
	<!-- main -->
	<div class="h_40"></div>
	<div class="cont_n">
		<div class="gongkai-video">
			<!-- 课程介绍 复用-->
			<div class="daP-left fl backff">
				<div class="daP-title">
					<span class="daP-bg">评论</span>
				</div>
				<div id="kengChenJiaoShao">
					<div id="box-pl"
						style="min-height: 440px; margin: 10px 30px 50px 30px;">
						<div class="daP-sub">
							<form action="/Conmment/pinglun" method="post">
							<input name="expertCommentary" id="commentContent"
								class="daP-textarea ff" cols="99" rows="6" placeholder="大家说两句吧"></input>
							<div class="rdaP-btn fr" id="btnSubmitCmt"
								style="margin: 0 36px;">
								<input type="hidden" name="userId" value="${u.userId}">
								<input type="hidden" name="userName" value="${u.userName}">
								<input type="hidden" name="courseId" value="${ci.courseId }">
								<input type="hidden" name="courseName" value="${ci.courseDescription }">					
								<input type="submit" value="发表评论" style="background: #CC1414;border: 0;">
							</div>
							</form>
						</div>
						<div id="newsList">评论:</div>
						<span  color="red">${errorMsg }</span><br/>
						<c:choose>
							<c:when test="${not empty cm}">
								<c:forEach items="${cm}" var="cm">
									用户<span style="color: #740C0D;"> ${cm.userName }：</span>
							
									<div>${cm.expertCommentary }</div>
									<hr />
								</c:forEach>
							</c:when>
							<c:otherwise>
						没有结果
						</c:otherwise>
						</c:choose>

					</div>
				</div>
			</div>
			<!-- 相关课程 复用-->
			<div class="fr">
				<!-- 主讲老师 -->
				<div id="teacher_f">
					<div class="cour-art-teacher">
						<div class="daP-list-title">
							<span>主讲老师</span>
						</div>
						<div class="cour-box">
							<div class="teacher">
								<div class="fl">
									<img
										src="">
								</div>
								<div class="fl">
									<p style="width: 120px;">${ci.teacherTeam }</p>
									<p></p>
								</div>
							</div>
							<div class="clear"></div>
							<div class="teacher-intro fs14" style="height: auto">
								<p>${ci.teachingLesson }</p>
				</div>
				<div id="xiangGuanKe">
					<!-- 相关课程 -->
				</div>
			</div>
			<!-- </div> -->
		</div>
		<!-- fenye -->
		<!-- <div class="page_n" style="text-align:left">
				<span>上一页</span>
				<span>1</span>
				<span>2</span>
				<span>3</span>
				<span>5</span>
				...
				<span>10</span>
				<span>下一页</span>
			</div> -->
		</ul>
		<!-- footer -->
		<div class="h_40"></div>

		<!-- 添加 -->
		<div id="abcdefg"></div>
		</ul>

<script src="${path}/static/admin/js/jquery-2.2.3.min.js"></script>
	<script> 

	 $(".aaa").on("click", function() {
		 var vId = $(this).data("src");
		 $.get("/Info/shipin", {"vId": vId }, function(data){	
			   	var obj=eval(data);
			   	view='<video width="597" height="560"  style="object-fit: fill" controls="controls">'+
			   	'<source src="../../upload/'+obj.viewRul+'" type="video/mp4" />'+
				'	  <source src="" type="video/ogg" />'+
					'  <source src="" type="video/webm" />'+
					'  <object data="" width="320" height="240">'+
					'    <embed src="" width="320" height="240" />'+
					 ' </object>'+
					'</video>'
			   	$("#player").html(view)
		   		 $("#player").show();
		         // 自动播放
		         $("#player video")[0].play();
						
		 	}, "json");
	});
	 
   	 </script>

</body>
</html>